body {
    font-size: 16px;
    background-color: #fff;
}

// 头部
#header {
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-size: 2rem;

    a {
        color: #fff;
    }

}

// 省钱控 商品样式
#moneyproduct {
    #recommen-product {
        .container {

            // 商品主题部分
            .cu-content {
                padding: .4rem .9rem;
                // 商品小图片
                .picwrap {
                    width: 9rem;                                     
                    margin: .8rem auto auto .7rem;
                    overflow: hidden;

                    // 商品图片内容
                    img {
                        width: 8rem;
                        height: 8rem;
                    }
                }

                // 商品名称
                .title {
                    font-weight: normal;
                    font-size: 1.1rem;
                    margin: .8rem auto .4rem auto;
                    font-weight: 600;
                    text-align: left;
                    text-align-last: left;
                    word-break: break-all;
                    color: #5a5a5a;
                    line-height: normal;

                }

                h4 {
                    color: #ff6c00;
                    display: block;
                    font-size: 15px;
                }

                // 商品信息
                .info {
                    margin: .8rem auto;
                    color: #999;
                    font-size: .9rem;

                    span {
                        vertical-align: middle;
                    }

                    .mall {
                        margin: 0px .4rem;
                    }

                    // 作者
                    .author {
                        margin-right: .4rem;

                    }

                    .time {
                        margin-left: .4rem;
                    }
                }

                // 商品详情
                .content {
                    // .picwrap {
                    //     width: 9rem;
                    //     float: right;
                    //     margin: .8rem auto auto .7rem;
                    //     overflow: hidden;

                    //     // 商品图片内容
                    //     img {
                    //         width: 8rem;
                    //         height: 8rem;
                    //     }
                    // }

                    // 商品文字描述
                    .conn {
                        font-size: 1.5rem;
                        word-break: break-all; //强制性换行
                        line-height: 2rem;
                        color: #606060;
                        padding-bottom: 1.2rem;

                        // a,
                        // b,
                        // em,
                        // span,
                        // strong {
                        //     display: inline;
                        // }

                        >P {
                            line-height: 2rem;
                            color: #606060;
                            word-break: break-all;
                            margin: .3rem auto;
                        }

                        img {
                            max-width: 100%;
                            height: auto;
                            vertical-align: middle;
                            border: 0;
                        }
                    }

                    .center {
                        .area {

                            >span {
                                position: relative;
                                display: inline-block;
                                line-height: 38px;
                                padding: 0px 20px 0px 16px;
                                cursor: pointer;
                                z-index: 999;

                                .drop {
                                    display: none;
                                    /*position:absolute;*/
                                    left: -6px;
                                    padding: 0px 0px 10px 0px;
                                    background-color: #ffffff;
                                    width: 138px;
                                    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
                                    border-color: #f1f1f1 #f1f1f1 #dbdbdb #f1f1f1;
                                    border-width: 0px 1px 1px 1px;
                                    border-style: solid;
                                    *top: 36px;
                                }

                                a {
                                    i {
                                        display: inline-block;
                                        margin-left: 6px;
                                    }
                                }


                            }

                            strong {}


                        }

                    }

                    // 前往购买按钮
                    .golink {
                        a {
                            display: block;
                            margin: 20px 10px;
                            background: #FF9000;
                            height: 30px;
                            border-radius: 4px;
                            line-height: 30px;
                            text-align: center;
                            font-size: 14px;
                            color: #ffffff;

                            .a-gobuy {
                                .icon-gobuy {
                                    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'><path fill='#FFFFFF' d='M365.920994 0.618469c-39.030945 0-70.78516-31.754215-70.78516-70.78516s31.754215-70.784136 70.78516-70.784136c39.030945 0 70.784136 31.753191 70.784136 70.784136S404.951939 0.618469 365.920994 0.618469zM365.920994-89.784494c-10.818393 0-19.61985 8.801457-19.61985 19.618826 0 10.818393 8.801457 19.61985 19.61985 19.61985s19.618826-8.801457 19.618826-19.61985C385.540843-80.984061 376.739387-89.784494 365.920994-89.784494zM808.821219 0.618469c-39.030945 0-70.784136-31.754215-70.784136-70.78516s31.753191-70.784136 70.784136-70.784136 70.78516 31.753191 70.78516 70.784136S847.852164 0.618469 808.821219 0.618469zM808.821219-89.784494c-10.81737 0-19.618826 8.801457-19.618826 19.618826 0 10.818393 8.801457 19.61985 19.618826 19.61985 10.818393 0 19.61985-8.801457 19.61985-19.61985C828.441069-80.984061 819.640636-89.784494 808.821219-89.784494zM443.99107 221.940157c-14.057157-1.416256-24.305569-13.959943-22.890336-28.0171 1.328251-13.187347 12.446473-23.02132 25.423019-23.02132 0.856507 0 1.723248 0.042979 2.594081 0.130983l439.314561 44.245713c0.088004 0.007163 0.174985 0.01842 0.261966 0.026606l0.180102 0.01842c0.50449 0.051165 1.001817 0.119727 1.496074 0.198521 0.222057 0.035816 0.443092 0.076748 0.663102 0.11768 0.552585 0.103354 1.100054 0.217964 1.638313 0.355087 0.085958 0.022513 0.169869 0.047072 0.254803 0.069585 0.586354 0.156566 1.161453 0.334621 1.728364 0.530073 0.077771 0.026606 0.155543 0.051165 0.233314 0.078795 0.626263 0.222057 1.239224 0.469698 1.840928 0.737804 0.039909 0.017396 0.078795 0.035816 0.118704 0.054235 1.277086 0.577145 2.496867 1.252527 3.647063 2.020006 0.001023 0.001023 0.002047 0.001023 0.00307 0.002047 0.553609 0.369414 1.088798 0.76134 1.609661 1.170662 0.069585 0.054235 0.137123 0.10847 0.205685 0.163729 0.48607 0.38988 0.958838 0.795109 1.413186 1.218758 0.092098 0.084934 0.180102 0.173962 0.270153 0.25992 0.394996 0.378623 0.778736 0.76748 1.14815 1.169639 0.11154 0.121773 0.222057 0.243547 0.331551 0.367367 0.333598 0.3776 0.653893 0.766456 0.964978 1.163499 0.12382 0.158612 0.249687 0.314155 0.370437 0.475837 0.322341 0.432859 0.629333 0.876973 0.925069 1.329275 0.113587 0.173962 0.224104 0.348947 0.333598 0.525979 0.296759 0.479931 0.580215 0.968048 0.845251 1.467421 0.069585 0.130983 0.134053 0.265036 0.201591 0.397043 0.289596 0.568958 0.563842 1.147126 0.811482 1.738597 0.00307 0.007163 0.005117 0.014326 0.008186 0.021489 0.569982 1.369184 1.019213 2.796696 1.345648 4.26514 0 0.001023 0 0.002047 0.001023 0.00307l0.00307 0.013303c0.035816 0.162706 0.075725 0.323365 0.10847 0.487094l56.17951 252.734118c0.895393 4.030803 0.780783 8.04728-0.165776 11.794627 0.50449 2.003634 0.774643 4.101411 0.774643 6.261611 0 14.128789-11.452843 25.582655-25.582655 25.582655L195.47502 532.098125l-52.358485 159.553902c-3.631714 11.067057-14.093996 17.972327-25.177426 17.590634-0.207731 0.005117-0.413416 0.01535-0.62217 0.01535L54.663994 709.258011c-14.128789 0-25.582655-11.453866-25.582655-25.582655s11.453866-25.582655 25.582655-25.582655l45.614897 0 197.955514-603.235934c3.536546-10.776438 13.546527-17.613146 24.303522-17.613146 2.067079 0 4.16281 0.26299 6.245238 0.788969l567.583946 0c14.129812 0 25.582655 11.453866 25.582655 25.582655s-11.452843 25.582655-25.582655 25.582655L340.816223 89.1979 212.265428 480.933839l701.224666 0-48.137347-216.557174L443.99107 221.940157z' transform='translate(0, 812) scale(1, -1)'/></svg>");
                                    width: 16px;
                                    height: 16px;
                                    background-position: center center;
                                    background-repeat: no-repeat;
                                    vertical-align: -2px;
                                    display: inline-block;
                                }
                            }
                        }

                    }

                }

                // 评论区
                .cu-content-pl {
                    background-color: #fff;

                    .hover {
                        background-color: #f8f8f8 !important;
                    }

                    .tit {
                        font-size: 1rem;
                        padding: .4rem .5rem;
                    }

                    // 输入内容发表评论
                    .reply {
                        padding: .4rem .5rem;

                        // 评论文本框
                        .form {
                            border: 2px solid #ECEAE8;
                            border-radius: 2px;
                            padding: 4px 0 0 4px;
                            background-color: #fff;
                            position: relative;
                            width: 98%;
                            margin: 0px auto;

                            // 键入的评论内容
                            textarea {
                                width: 100%;
                                resize: none;
                                overflow-x: hidden;
                                overflow-y: auto;
                                border: none;
                                line-height: 22px;
                                font-size: 14px;
                                outline: 0;
                                color: #666;
                                height: 68px;
                            }

                            // 点击发布评论按钮
                            .ctrl {
                                background-color: #fbfbfb;
                                height: 36px;
                                margin-left: -4px;
                                border-top: solid 1px #f2f2f2;

                                .tjdp {
                                    position: absolute;
                                    right: -2px;
                                    bottom: -2px;
                                    background: #ff841d;
                                    border: none;
                                    border: 2px solid #ff841d;
                                    border-left: none;
                                    border-top: none;
                                    padding: 0px;
                                    width: 100px;
                                    height: 39px;
                                    color: #fff;
                                    outline: 0;
                                    border-radius: 0 0 2px 0;
                                    font-size: 16px;
                                }
                            }
                        }
                    }

                    // 评论列表
                    .list {
                        ul {
                            li {
                                padding: 1.1rem .8rem;
                                background-color: #FFFFFF;

                                // 用户头像
                                .userimg {
                                    width: 3.5rem;
                                    float: left;
                                    overflow: hidden;

                                    img {
                                        width: 3.5rem;
                                        background-position: top;
                                        border-radius: 1.7rem;
                                        height: 3.5rem;
                                    }
                                }

                                // 用户信息
                                .con {
                                    overflow: hidden;
                                    padding-left: .6rem;

                                    .name {
                                        margin-bottom: .4rem;

                                        .username {
                                            color: #5997c0;
                                            font-size: .9rem !important;
                                            float: left;
                                        }

                                        .time {
                                            color: #999999;
                                            font-size: 13px !important;
                                            float: right;
                                        }
                                    }

                                    // 评论内容
                                    .content {
                                        font-size: .8rem;

                                    }
                                }
                            }
                        }

                    }

                }

            }
        }
    }
}